<template>
    <div class="title">
        <div class="text">
            {{text}}
        </div>

        <slot name="content">

        </slot>
        
    </div>
</template>
<script>

export default {
    props: {
        text:{
            type:String,
            default:'1212',
        }
    },
    data() {
        return {

        }
    },
    watch:{

    },
    methods:{






    },
    mounted(){

    }
}
</script>
<style lang="less" scoped>
    .title{
        border-top: 1px solid  #e4e4e4;
        border-bottom: 1px solid  #e4e4e4;

        .text{
            font-weight: bold;
            margin: 14px 14px 14px 0px;
            display: inline-block;
        }
        .slot-content{
            display: inline-block;
        }
    }
    
</style>